<template>
    <div class="present-box">
      <div class="content">
          <div v-if='obj.deptIntroductionType == 2 || obj.deptIntroductionType == null'>
            <h1>ABOUT US</h1>
            <h3>研科协</h3>
              <div v-html='obj.deptContext'>
              
              </div>
          </div>  
        <div v-else style='width:100%;' >
          <img :src="obj.deptImgUrl" alt="">
        </div>
      </div>
      <div class="news" v-if='ggList.length>0'>
        <div v-for='(item,index) in ggList' :key='index'><a :href='item.newsUrl' style='display:block;'><img :src="item.newsImgUrl" alt=""></a></div>
      </div>
    </div>
</template>
           
<script>
export default{
  data() {
    return {
      obj:{},
      ggList:[]
    }
  },
    // props:{
    //   pdata:{
    //     type:Object,		///type: [String, Number],
    //     default:() =>{ return {}}
    //   },
    //   gg:{
    //     type:Array,		///type: [String, Number],
    //     default:() =>{ return []}
    //   }
    // },
    // computed:{
    //   isShow() {
    //     return this.pdata;
    //   },
    //   isShowGG(){
    //     return this.gg;
    //   }
    // },
    // watch:{
    //   isShow:{
    //     handler(newv,oldv){
    //       this.obj = newv
    //     },
    //     deep:true,
    //     immediate:true,
    //   },
    //   isShowGG:{
    //     handler(newv,oldv){
    //       this.ggList = newv
    //     },
    //     deep:true,
    //     immediate:true,
    //   }
    // },   
    methods: {
      async getResearchDivisionList(){
        let {data:res} = await this.API.getResearchDivisionList()
        this.obj = res
      },
      async getResearchDivisionAdvertisingList(){
        let {data:res} = await this.API.getResearchDivisionAdvertisingList()
        this.ggList = res
      },

      
    },
    mounted() {
      this.getResearchDivisionList()
      this.getResearchDivisionAdvertisingList()
    }, 
}
</script>
<style lang='scss' scoped>
     .present-box{
       width: 100%;
      //  min-height: 850px;
      //  display: flex;
       .content{
        //  flex: 1;
        float: left;
        width: 850px;
         h1{
            font-weight: 900;
            color: #f1f2f3;
            font-size: 40px;
         }
         h3{
              font-size: 18px;
              color: #3246c4;
              font-weight: 700;
         }
       }
       .news{
         float: left;
         width: 320px;
         padding: 8px;
         border-left: 1px solid #eee;
         img{
           width: 100%;
           margin-bottom: 10px;
         }
       }
     }
</style>